import './App.css';
import {Layout} from 'antd';
import AppHeader from "./components/app/AppHeader";
import AppContent from "./components/app/AppContent";
import AppFooter from "./components/app/AppFooter";

const {
    Header,
    Content,
    Footer
} = Layout;

function App() {

    return (
        <Layout style={{height: '100vh'}}>
            <Header style={{height: '50px'}}>
                <AppHeader/>
            </Header>

            <Content style={{height: '80vh'}}>
                <AppContent/>
            </Content>

            <Footer>
                <AppFooter/>
            </Footer>
        </Layout>
    );
}

export default App;
